<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<div th:fragment="page">
    <!--<div id="page" data-th-if="${page.pagecount gt 1}">-->

    <!--</div>-->
    <link rel="stylesheet" data-th-href="@{/css/font.css}">
    <link rel="stylesheet" data-th-href="@{/css/xadmin.css}">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" data-th-src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" data-th-src="@{/js/xadmin.js}"></script>
    <script th:inline="javascript">
        layui.use('laypage', function(){
            var laypage = layui.laypage;
//            var $ = layui.jquery;

            laypage.render({
                elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
                ,count: [[${total}]] //数据总数，从服务端得到
                ,limit:[[${pageSize}]]
                ,groups:5
                ,curr:[[${pageNum}]]
                ,jump:function(obj, first){
                    //obj包含了当前分页的所有参数，比如：
//                    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
//                    console.log(obj.limit); //得到每页显示的条数
                    //首次不执行
                    if(!first){
                        $("#pageNum").val(obj.curr);
                        $("#dataForm").submit();
                    }
                }
            });

        });
    </script>
</div>
</html>